.jumbotron {
  color: #fff;
  background-color: transparent;
}

table{
  color: white;
}

.form-control {
  padding: 0.8em !important;
  background: transparent;
  color: white;
  /* Behavior changed in Bootstrap v4.1.3. See https://github.com/twbs/bootstrap/issues/27629 */
  height: auto !important;
  border-radius: 10px!important;
}

select.form-control {
  height: auto !important;
}

.custom-select {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
    no-repeat right 0.75rem center/8px 10px !important;
}

.card {
  border-radius: 0 !important;
}

#score-graph {
  min-height: 400px;
  display: block;
  clear: both;
}

#solves-graph {
  display: block;
  height: 350px;
}

#keys-pie-graph {
  min-height: 400px;
  display: block;
}

#categories-pie-graph {
  min-height: 400px;
  display: block;
}

.form-control {
  position: relative;
  display: block;
  padding: 0.8em !important;
  border-radius: 0;
  background: transparent;
  color: #aaa;
  font-weight: 400;
  font-family: "Unifont", Arial, sans-serif;
  -webkit-appearance: none;
  /* Behavior changed in Bootstrap v4.1.3. See https://github.com/twbs/bootstrap/issues/27629 */
  height: auto !important;
}

.challenge-input{
  border: 1px dashed #ced4da;
}

.challenge-desc {
  overflow-wrap: anywhere;

  img {
    max-width: 100%;
  }
}

.btn{
  border-radius: 5px!important;
}
.btn-primary {
  border-radius: 5px!important;
}
.btn-primary:hover {
  border-radius: 5px!important;
}
.btn-outline-secondary:hover {
  border-radius: 5px!important;
}
.btn-info {
  border-radius: 5px!important;
}
.btn-dark {
  border-radius: 5px!important;
}
.btn-dark:hover {
  border-radius: 5px!important;
}
.challenge-input {
  border-radius: 5px!important;
}
.form-control {
  border-radius: 5px!important;
}
.card {
  color:black;
  border-radius: 10px!important;
}

.card a{
  color: blue;
}
.card a{
  color: red;
}

.challenge-button-content{
  border-radius: 10px;
}
.modal-content{
  border-radius: 10px !important;
}
a:hover {
  color: #ff0e66;
}
.alert a{
  color:blue;
}

.alert a:hover{
  color:red;
}

.modal-content h5{
  color: white;
}

.toast{
  color: black;
}

.challenge-nav-link {
  font-family: Hack,ui-monospace;
}

h1, h2 {
  font-family: 'Press Start 2P', cursive;
  font-weight: 500;
  letter-spacing: 2px;
  text-shadow: 0 3px 0 rgba(255, 105, 246, .8)
}

.form-control{
  color: white;
}

.form-control:focus{
  color: white;
}

.modal-body .close{
  color: white;
}

.navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}